<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <!--    移动端理想布局视口标签-->
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,
    minimum-scale=1.0,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>东方启音</title>
  <link rel="stylesheet" href="css/login.css">
  <link rel="stylesheet" href="css/comment.css">
  <link rel="stylesheet" href="//at.alicdn.com/t/font_3009102_1cs9bfloctn.css">
</head>
<body>
  <div class="app" >
    <div class="login" >
      <h3>验证码登录</h3>
      <p>未注册的手机号验证通过后将自动注册</p>
      <div class="inputs" >
        <div class="phone" >
          <div class="quhao" >
            <span >+86</span> <i class="iconfont icon-xiangxiabiankuangsanjiao"></i>
          </div>
          <input type="text" placeholder="请输入手机号">
          <div class="quhao-i" >
            <ul class="ul">
              <li>
                +86 中国
              </li>
              <li>
                +0564 安徽
              </li>
            </ul>
          </div>
        </div>
        <div class="phone" >
          <input class="yzm" type="text" placeholder="请输入验证码">
          <div class="btn" >
            <button>获取验证码</button>
          </div>

        </div>
      </div>

      <div class="denglu" >
        登录
      </div>

      <div class="xieyi" >
        <input type="checkbox">
        <div class="wn" >
          我已阅读同意
          <a href="https://admin.xiaoe-tech.com/charge_protocol_page">《服务协议》</a>，
          <a href="https://admin.xiaoe-tech.com/privacy_protocol_page">《隐私政策》</a>，和
          <a href="https://admin.xiaoe-tech.com/merchant_privacy_protocol_page/apppm0pdz7d3019">《商家隐私保护指引》</a>
        </div>
      </div>
    </div>
  </div>
</body>
<script src="js/login.js"></script>
</html>
